<template>
    <div>
        <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">常规管理</a></el-breadcrumb-item>
        <el-breadcrumb-item>专利管理</el-breadcrumb-item>
        <el-breadcrumb-item>专利查看</el-breadcrumb-item>
        </el-breadcrumb>

       <el-row :gutter="8"> 
            <el-col class="gutter-row" :span="8"> 
               <div class="gutter-box"><img src="../../assets/patent.jpg" alt="">
               <ul>
                   <li>专利号:1</li>
                   <li>专利领域:航天</li>
                   <li>专利描述:航天</li>
                   <li>发明人:爱因斯坦</li>
                   <li>联系电话:13967858623</li>
                </ul></div> 
            </el-col> 
            <el-col class="gutter-row" :span="8"> 
                <div class="gutter-box"><img src="../../assets/patent.jpg" alt=""></div>
            </el-col> 
            <el-col class="gutter-row" :span="8"> 
                <div class="gutter-box"><img src="../../assets/patent.jpg" alt=""></div> 
            </el-col> 
        </el-row>
        <picture>
            <source media="()" srcset="">
            <img src="" alt="">
        </picture>
        <el-pagination
        background
        layout="prev, pager, next"
        :total="1000">
        </el-pagination>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
    .gutter-row {
        padding-bottom: 20px;
    }

    .gutter-box { 
        height: 200px;
        background: transparent; 
        padding: 5px 0;
        border: 1px solid #3333;
        img {
            width: 200px;
            height: 200px;
            float: left;;
            padding-left: 0px;
        }
    }
    ul{
        list-style: none;
        text-align: left;
    }

</style>